{% extends 'admins/index.html' %}
{% load static %}
{% block table %}
    <div class="layui-form demoTable">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">图书名：</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="bookName" id="bookName" autocomplete="off">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">图书状态：</label>
                <div class="layui-input-inline">
                    <select name="bookStatus" id="bookStatus">
                        <option value="">请选择</option>
                        <option value="0">可借阅</option>
                        <option value="1">借阅中</option>
                        <option value="2">归还中</option>
                        <option value="3">已下架</option>
                    </select>
                </div>
            </div>
            <button class="layui-btn" data-type="reload">搜索</button>
        </div>
    </div>


    <table class="layui-hide" id="booksBorrowList" lay-filter="booksBorrowList"></table>

    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="addData">增加图书</button>
            <button class="layui-btn layui-btn-sm" lay-event="bookRecdData" style="background-color: #ef4136">借阅图书
            </button>
        </div>
    </script>

    <script type="text/html" id="barDemo">
        {% verbatim %}
        {{#  if(d.status == '0' || d.status == '3'){     }}
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
        {{#    }   }}
        {{#  if(d.status == '0'){ }}
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">借阅</a>
        {{#  } }}
        {% endverbatim %}
    </script>
    <script src="{% static 'js/booksBorrow/list.js' %}"></script>
{% endblock %}